<div class="row">
	<button ng-click="pagedata.show_edit=false;" class="close" style="padding:2px" type="button">×</button>
	<ul class="nav nav-tabs">
		<li ng-class="{'active':pagedata.edit_style.op !='s'}"><a href="javascript:;" ng-click="pagedata.edit_style.op='y'">样式设置</a></li>
		<li ng-class="{'active':pagedata.edit_style.op=='s'}"><a href="javascript:;" ng-click="pagedata.edit_style.op='s'">颜色设置</a></li>
	</ul>
</div>
<div class="alert alert-success alert-dismissable">
		<i class="fa fa-bullhorn alert-link"></i> 
		【<red>温馨提示</red>】：这里是列出的是全样式，并不是所有样式都支持的，不同的组件/容器。支持的样式是不一样的！请<red>按需设置</red>！！
			
</div>
<div class="row" ng-show="pagedata.edit_style.op !='s'">
<div class="pc-model-h5"><i class="fa fa-chevron-circle-down"></i> 间距</div>
<div class="form-group margin-top">
	<label class="col-sm-3 left-label">左侧间距</label>
	<div class="col-sm-8 left-label">
		<div class="form-group">
			<div class="slider col-sm-8 margin-top-4" data-model="pagedata.current_edit.paddingleft" data-min="1" data-max="100" data-default="{{pagedata.current_edit.paddingleft}}" data-step="1"></div>
			<div class="col-sm-4 control-labe count"><span>{{pagedata.current_edit.paddingleft}}%</span></div>
		</div>
	</div>
</div>
<div class="form-group margin-top">
	<label class="col-sm-3 left-label">右侧间距</label>
	<div class="col-sm-8 left-label">
		<div class="form-group">
			<div class="slider col-sm-8 margin-top-4" data-model="pagedata.current_edit.paddingright" data-min="1" data-max="100" data-default="{{pagedata.current_edit.paddingright}}" data-step="1"></div>
			<div class="col-sm-4 control-labe count"><span>{{pagedata.current_edit.paddingright}}%</span></div>
		</div>
	</div>
</div>
<div class="form-group">
	<label class="col-sm-3 left-label">竖直位置</label>
	<div class="col-sm-8 left-label">
		<div class="form-group">
			<div class="slider col-sm-8 margin-top-4" data-model="pagedata.current_edit.paddingtop" data-min="1" data-max="100" data-default="{{pagedata.current_edit.paddingtop}}" data-step="1"></div>
			<div class="col-sm-4 control-labe count"><span>{{pagedata.current_edit.paddingtop}}%</span></div>
		</div>
	</div>
</div>
<div class="form-group margin-top">
	<label class="col-sm-3 left-label">上下左右间距</label>
	<div class="col-sm-8 left-label">
		<div class="form-group">
			<div class="slider col-sm-8 margin-top-4" data-model="pagedata.current_edit.padding" data-min="1" data-max="100" data-default="{{pagedata.current_edit.padding}}" data-step="1"></div>
			<div class="col-sm-4 control-labe count"><span>{{pagedata.current_edit.padding}}px</span></div>
		</div>
	</div>
</div>
<div class="form-group">
	<label class="col-sm-2 left-label">宽度</label>
	<div class="col-sm-4 left-label">
		<div class="input-group form-group" style="margin: 0;">
            <input class="form-control input-sm" type="text" placeholder="请输入高度" ng-model="pagedata.current_edit.width" />
		</div>
	</div>
	<label class="col-sm-2 left-label">高度</label>
	<div class="col-sm-4 left-label">
		<div class="input-group form-group" style="margin: 0;">
            <input class="form-control input-sm " type="text" placeholder="请输入高度" ng-model="pagedata.current_edit.height" />
		</div>
	</div>
</div>
<div class="form-group margin-top">
	<label class="col-sm-2 left-label">图片宽度</label>
	<div class="col-sm-4 left-label">
		<div class="input-group form-group" style="margin: 0;">
            <input class="form-control input-sm" type="text" placeholder="请输入宽度" ng-model="pagedata.current_edit.picwidth" />
		</div>
	</div>
	<label class="col-sm-2 left-label">图片高度</label>
	<div class="col-sm-4 left-label">
		<div class="input-group form-group" style="margin: 0;">
            <input class="form-control input-sm " type="text" placeholder="请输入高度" ng-model="pagedata.current_edit.picheight" />
		</div>
	</div>
</div>
</div>
<div class="row" ng-show="pagedata.edit_style.op=='s'">
<div class="pc-model-h5"><i class="fa fa-chevron-circle-down"></i> 颜色</div>
<div class="form-group margin-top">
	<label class="col-sm-3 left-label">容器背景色</label>
	<div class="col-sm-8">
		<div class="input-group input-group-sm">
                <input class="form-control input-sm diy-bind color" ng-model="pagedata.current_edit.background" type="color" />
                <span  class="input-group-addon btn btn-default" ng-click="pagedata.current_edit.background=''">消除</span>
        </div>
	</div>
</div>
<div class="form-group margin-top">
	<label class="col-sm-3 left-label">内容背景色</label>
	<div class="col-sm-8">
		<div class="input-group input-group-sm">
                <input class="form-control input-sm diy-bind color" ng-model="pagedata.current_edit.contbackground" type="color" />
                <span  class="input-group-addon btn btn-default" ng-click="pagedata.current_edit.contbackground=''">消除</span>
        </div>
	</div>
</div>
<div class="form-group">
	<label class="col-sm-3 left-label">标题文字颜色</label>
	<div class="col-sm-8">
		<div class="input-group input-group-sm">
                <input class="form-control input-sm diy-bind color" ng-model="pagedata.current_edit.color" type="color" />
                <span  class="input-group-addon btn btn-default" ng-click="pagedata.current_edit.color=''">消除</span>
        </div>
	</div>
</div>
<div class="form-group">
	<label class="col-sm-3 left-label">描述文字颜色</label>
	<div class="col-sm-8">
		<div class="input-group input-group-sm">
                <input class="form-control input-sm diy-bind color" ng-model="pagedata.current_edit.descolor" type="color" />
                <span  class="input-group-addon btn btn-default" ng-click="pagedata.current_edit.descolor=''">消除</span>
        </div>
	</div>
</div>
<div class="form-group">
	<label class="col-sm-3 left-label">激活背景颜色</label>
	<div class="col-sm-8">
		<div class="input-group input-group-sm">
                <input class="form-control input-sm diy-bind color" ng-model="pagedata.current_edit.activebackground" type="color" />
                <span  class="input-group-addon btn btn-default" ng-click="pagedata.current_edit.activebackground=''">消除</span>
        </div>
	</div>
</div>
<div class="form-group">
	<label class="col-sm-3 left-label">激活文字颜色</label>
	<div class="col-sm-8">
		<div class="input-group input-group-sm">
                <input class="form-control input-sm diy-bind color" ng-model="pagedata.current_edit.activecolor" type="color" />
                <span  class="input-group-addon btn btn-default" ng-click="pagedata.current_edit.activecolor=''">消除</span>
        </div>
	</div>
</div>
</div>